<include file="public@header" />
<style type="text/css">

.p_title {
    width: 515px;
    margin: 0 0 45px 60px;
    padding: 10px 0 10px 20px;
}
.disappear {
  display: none;
}
tr td input,tr td select{ max-width:80px;width:auto;}
</style>
</head>
<body>
	<php>$vo['id']=0;$page='';</php>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li><a href="{:url('visual/register')}">{:lang('可视化墓区')}</a></li>
            <li><a href="{:url('visual/sale')}">墓位信息</a></li>
			<!--<li><a href="{:url('orders/buyer')}">申请人信息</a></li>-->
            <li><a href="{:url('visual/applyer')}">购墓人信息</a></li>
			<li><a href="{:url('visual/user')}">使用人信息</a></li>
            <li><a href="{:url('visual/chooseGoods')}">商品选购</a></li>
			<li><a href="{:url('visual/signContract')}">合同签订</a></li>
			<li class="active"><a href="{:url('visual/orderPay')}">订单支付</a></li>
		</ul>
		<form class="form-horizontal js-ajax-form" action="{:url('store/add_post')}" method="post" enctype="multipart/form-data">
        <fieldset>
        <!--改版画面-->
        <div class="div_title"><span>客户概览</span></div>
        <div class="control-group1-p div_content">
        	<div class="control-group1">
                <label class="control-label">客户姓名</label>
                <div class="controls">
                    <input type="text" class="form-control" value="张三" disabled>
                </div>
            </div>
            <div class="control-group1">
                <label class="control-label">持证类型</label>
                <div class="controls">
                    <input type="text" class="form-control" class="form-control" value="身份证" disabled>
                </div>
            </div>
            <div class="control-group1">
                <label class="control-label">证件号码</label>
                <div class="controls">
                    <input type="text" class="form-control" class="form-control" value="370305192102122201" disabled>
                </div>
            </div>
            <div class="control-group1">
                <label class="control-label">联系电话</label>
                <div class="controls">
                    <input type="text" class="form-control" class="form-control" value="15212025423" disabled>
                </div>
            </div>
            <div class="control-group1" style="width:50%;">
                <label class="control-label">联系地址</label>
                <div class="controls">
                    <input type="text" class="form-control" class="form-control" value="山东省济南市历下区燕子山路名仕花园5-1301" style="width:80%;" disabled>
                </div>
            </div>
             <div class="control-group1">
                <label class="control-label">合同编号</label>
                <div class="controls">
                    <input type="text" class="form-control" class="form-control" value="XYD5-1301" disabled>
                </div>
            </div>
            <div class="control-group1">
                <label class="control-label">墓位编号</label>
                <div class="controls">
                    <input type="text" class="form-control" class="form-control" value="YXY4A0600" disabled>
                </div>
            </div>
            <div class="control-group1">
                <label class="control-label">具体位置</label>
                <div class="controls">
                    <input type="text" class="form-control" class="form-control" value="神秀区毓秀园3层西区" disabled>
                </div>
            </div>
            <div class="control-group1">
                <label class="control-label">当前状态</label>
                <div class="controls">
                    <input type="text" class="form-control" class="form-control" value="空闲" disabled>
                </div>
            </div>
            <div class="control-group1">
                <label class="control-label">墓穴规制	</label>
                <div class="controls">
                    <input type="text" class="form-control" class="form-control" value="双穴" disabled>
                </div>
            </div>
            <!---tab页-->
            <div style="width:98%; margin:0 auto; clear:both;">
            	<div style="width:48%; float:left;margin-bottom:30px;">
                	<div class="div_title" ><span>交款记录</span></div>
                    <div class="control-group1-p div_content" style="border: 2px solid #0b7ebf;overflow:hidden; overflow-x:auto;">
                       <form action="{:url('Rock/order')}" method="post">
                        <table class="table table-hover table-bordered" style="max-width:120% !important;width:120% !important">
                            <thead>
                                <tr>
                                    <th>寄存单号</th>
                                    <th>类型</th>    
                                    <th>付/退款人姓名</th>   
                                    <th>付/退款人时间</th>                               
                                    <th>金额</th>
                                    <th>付/退款人方式</th>                        
                                    <th>经办人</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>                   
                                    <td >DJ090315545</td>
                                    <td >定金</td>
                                    <td >某某某</td>
                                    <td >2019.03.05 12：32</td>
                                    <td >3000</td>
                                    <td >现金</td>
                                    <td >刘锡惠</td>
                                    <td ><a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">备注</a>
                                        |
                                        <a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">补打</a>
                                        |
                                        <a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">附件</a></td>
                                </tr>
                                <tr>                   
                                    <td >DJ090315545</td>
                                    <td >退定</td>
                                    <td >某某某</td>
                                    <td >2019.03.05 12：32</td>
                                    <td >3000</td>
                                    <td >现金</td>
                                    <td >刘锡惠</td>
                                    <td ><a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">备注</a>
                                        |
                                        <a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">补打</a>
                                        |
                                        <a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">附件</a></td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="pagination">{$page}</div>
                        </form>     
                    </div>
                    <div class="div_title" style="margin-top:20px;"><span>结算项目</span></div>
                    <div class="control-group1-p div_content" style="border: 2px solid #0b7ebf;overflow:hidden; overflow-x:auto; padding-top:0;">
                    	<div class="div_title" id="div_title" style="width:120%; background:#DEDDDD;box-shadow: 5px -5px 3px #CFCECE inset;"><span style="color:#222;">墓穴销售</span></div>
                        <div class="div_titleinfo" style="width:100%; height:180px;">
                      		<form action="{:url('Rock/order')}" method="post">
                            <table class="table table-hover table-bordered" style="max-width:120% !important;width:120% !important">
                                <thead>
                                    <tr>
                                        <th>墓位编号</th>
                                        <th>类型</th>    
                                        <th>流程</th>   
                                        <th>单位</th>                               
                                        <th>数量</th>
                                        <th>价格</th>                        
                                        <th>下单时间</th>                                        
                                        <th>导购员</th>
                                        <th>代理商</th>
                                        <th>抵顶人</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td >YXY3A15510</td>
                                        <td >商品墓</td>
                                        <td >购买/寄存</td>
                                        <td >套</td>
                                        <td >1</td>
                                        <td >69700</td>
                                        <td >暂时均不显示</td>
                                        
                                        <td ></td>
                                        <td ></td>
                                        <td ></td>  
                                    </tr>
                                    
                                </tbody>
                            </table>
                            <div class="pagination">{$page}</div>
                            </form>
                        </div>
                        <div class="div_title" id="div_title1" style="width:120%; background:#DEDDDD;box-shadow:5px -5px 3px #CFCECE inset;"><span style="color:#222;">商品销售</span></div>                        
                        <div class="div_titleinfo1 disappear">
                        	<form action="{:url('Rock/order')}" method="post">
                                <table class="table table-hover table-bordered" style="max-width:120% !important;width:120% !important">
                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>项目名称</th>    
                                            <th>大类</th>   
                                            <th>类型</th>                               
                                            <th>单位</th>
                                            <th>单价</th>                        
                                            <th>数量</th>
                                            <th>优惠</th>
                                            <th>销售</th>
                                            <th>合计</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td >1</td>
                                            <td >落葬服务A套餐</td>
                                            <td >葬仪</td>
                                            <td >服务</td>
                                            <td >套</td>
                                            <td >1800</td>
                                            <td >1</td>
                                            <td ><select class="form-control">
                                            	<option>5%</option>
                                            	<option>10%</option>
                                                <option>15%</option>
                                            </select></td>
                                            <td>某某某</td>
                                            <td >1800</td>
                                            <td ><a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">赠送</a>
                                                |
                                                <a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">删除</a>
                                                |
                                                <a href="{:url('Aftersale/edit',array('id'=>$vo['id']))}">备注</a></td>
                                        </tr>
                                        
                                    </tbody>
                                </table>
                                <div class="pagination">{$page}</div>
                                </form>
                         	
                        </div>
                    </div>
                </div>
            	<div style="width:48%; float:left; margin-left:2%;margin-bottom:30px;">
                    <div class="div_title"><span>费用信息</span></div>
                    <div class="control-group1-p div_content" style="border: 2px solid #0b7ebf;">
                    	<div class="control-group1" style="width:50%;">
                            <label class="control-label" style="">购墓价格</label>
                            <div class="controls" style=" ">
                                <input type="text" class="form-control" class="form-control" style="max-width:200px; width:auto;" value="￥10000" disabled>
                            </div>
                        </div>
                        <div class="control-group1" style="width:50%;">
                            <label class="control-label" style="">优惠折扣</label>
                            <div class="controls" style=" ">
                                <input type="text" class="form-control" class="form-control" style="max-width:200px; width:auto;" value="95折" disabled>
                            </div>
                        </div>
                        <div class="control-group1" style="width:50%;">
                            <label class="control-label" style="">免零金额</label>
                            <div class="controls" style=" ">
                                <input type="text" class="form-control" class="form-control" style="max-width:200px; width:auto;" value="￥1000">
                            </div>
                        </div>
                        <div class="control-group1" style="width:50%;">
                            <label class="control-label" style="">成交金额</label>
                            <div class="controls" style=" ">
                                <input type="text" class="form-control" class="form-control" style="max-width:200px; width:auto;" value="￥9000" disabled>
                            </div>
                        </div>
                        <div class="control-group1" style="width:50%;">
                            <label class="control-label" style="">已付定金</label>
                            <div class="controls" style=" ">
                                <input type="text" class="form-control" class="form-control" style="max-width:200px; width:auto;" value="￥6000" disabled>
                            </div>
                        </div>
                        <div class="control-group1" style="width:50%;">
                            <label class="control-label" style="">应收金额</label>
                            <div class="controls" style=" ">
                                <input type="text" class="form-control" class="form-control" style="max-width:200px; width:auto;" value="￥3000" disabled>
                            </div>
                        </div>
                         <div class="control-group1" style="width:50%;">
                            <label class="control-label" style="">付款人</label>
                            <div class="controls" style=" ">
                                <input type="text" class="form-control" class="form-control" style="max-width:200px; width:auto;" value="">
                            </div>
                        </div>
                        <div style="float:left; width:80%; margin-left:10%;border-bottom:1px dashed;margin-bottom:20px;"></div>
                        <div class="control-group1" style="width:50%;">
                            <label class="control-label" style="">商品总计</label>
                            <div class="controls" style=" ">
                                <input type="text" class="form-control" style="max-width:200px; width:auto;" value="￥18000" disabled>
                            </div>
                        </div>
                        <div class="control-group1" style="width:50%;">
                            <label class="control-label" style="">付款方式</label>
                            <div class="controls" >
                                <select name="cate" style="max-width:200px; width:auto;min-width:167px;" class="form-control">
                                    <option value="0">现金</option>
                                    <option value="0">转账</option>
                                    <option value="0">电汇</option>
                                    <option value="0">微信</option>
                                    <option value="0">支付宝</option>
                                    <option value="0">其他</option>
                                </select>
                            </div>
                        </div>
                         <div style="float:left; width:80%; margin-left:10%;border-bottom:1px dashed; margin-bottom:20px;"></div>
                        <div class="control-group1" style="width:100%;">
                            <label class="control-label" style="">收银备注</label>
                            <div class="controls" style=" ">
                                <textarea rows="3" class="form-control" style="width:85%"></textarea>
                            </div>
                        </div>
                        <div class="control-group1" style="width:50%;">
                            <label class="control-label" style="">收款时间</label>
                            <div class="controls" style=" ">
                                <input type="text" class="form-control" style="max-width:200px; width:auto;" value="" disabled>
                            </div>
                        </div>
                        <div class="control-group1" style="width:50%; ">
                            <label class="control-label" style="">收款人</label>
                            <div class="controls" style=" ">
                                <input type="text" class="form-control" style="max-width:200px; width:auto;" value="" disabled>
                            </div>
                        </div>
                        <div class="form-actions" style="clear:both;">
                          <div class="btn btn-primary" id="check-btn">打印结算单</div>
                          <div class="btn btn-primary" id="check-btn">保存</div>
                          <div class="btn btn-primary" id="check-btn">退定金</div>
                          <div class="btn btn-primary" id="check-btn">结账</div>
                        </div>
                    </div>
                </div>
            </div>
            
            	
            </div>
		</div>
	</div>
	<script type="text/javascript" src="__STATIC__/js/admin.js?v={:time()}"></script>
    
	<script type="text/javascript">
	 // 提交订单
	$("#check-btn").click(function(){
		$.post($("form").attr('action'), $("form").serialize(), function(result){
			if(result.state == 'success'){
				alert("保存成功！");
				$('#js-dialog-close').click();
			} else {
				alert(result.info);
			}
		}, 'json');
	});
	$("#div_title").click(function(){
		if($(".div_titleinfo").is(":hidden")){
			$(".div_titleinfo").show();
		}else{
			$(".div_titleinfo").hide();
		}		
	})
	$("#div_title1").click(function(){
		if($(".div_titleinfo1").is(":hidden")){
			//
			$(".div_titleinfo1").show();	
		}else{
			$(".div_titleinfo1").hide();
			//$(".div_titleinfo").show();
		}
	})
    </script>

</body>
</html>